@import '/variable.less';
.home-navbar {
  width: 100vw;
  max-height: 556rpx;
  position: relative;
  overflow: hidden;
  &-bg {
    width: 100vw;
    height: 100%;
    position: absolute;
    top: 0;
    display: block;
    z-index: -1;
  }

  .custom-navbar {
    --td-navbar-bg-color: rgba(0, 0, 0, 0);
    --td-navbar-color: #F6F6F6;
    --td-navbar-title-font-size: 28rpx;
  }

  .t-navbar {
    --td-navbar-padding-top: @navbar-padding-top;
    --td-navbar-height: calc(@nav-bar-height - @navbar-padding-top) !important;

    &__left {
      margin: 0;
    }
  }

  &__left {
    display: flex;
    align-items: center;
    padding: 0 16rpx;

    .t-search {
      --td-search-height: 64rpx;
      --td-search-font-size: @font-size-mini;
      width: 375rpx;

      .t-icon {
        font-size: @font-size-default  !important;
      }
    }
  }
}